/**
flex
flex-inline
flex--row-[x]
flex--column--[x]
flex--reverse
flex--nowrap
flex--baseline

 */
.flex{
    display:flex;
}
.flex-inline{
    display:inline-flex;

}
/**--- nowrap --***/
[class*="flex--"].flex--nowrap,
[class*="flex-inline--"].flex-inline--nowrap{
    flex-wrap: nowrap;
}
/**--- reverse --***/
[class*="flex--"].flex--reverse,
[class*="flex-inline--"].flex-inline--reverse{
    flex-direction:row-reverse;
}
/**--- baseline --***/
[class*="flex--"].flex--baseline,
[class*="flex-inline--"].flex-inline--baseline{
    align-items:baseline;
    vertical-align: top;
}
/*  row */
.flex--row-tl,
.flex-inline--row-tl{
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
}
.flex--row-tc,
.flex-inline--row-tc{
    flex-direction:row;
    justify-content:center;
    align-items:flex-start;
    align-content:flex-start;
}
.flex--row-tr,
.flex-inline--row-tr{
    flex-direction:row;
    justify-content:flex-end;
    align-items:flex-start;
    align-content:flex-start;
}
.flex--row-cl,
.flex-inline--row-cl{
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    align-content:center;
}
.flex--row-cc,
.flex-inline--row-cc{
    flex-direction:row;
    justify-content:center;
    align-items:center;
    align-content:center;
}
.flex--row-cr,
.flex-inline--row-cr{
    flex-direction:row;
    justify-content:flex-end;
    align-items:center;
    align-content:center;
}
.flex--row-bl,
.flex-inline--row-bl{
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-end;
    align-content:flex-end;
}
.flex--row-bc,
.flex-inline--row-bc{
    flex-direction:row;
    justify-content:center;
    align-items:flex-end;
    align-content:flex-end;
}
.flex--row-br,
.flex-inline--row-br{
    flex-direction:row;
    justify-content:flex-end;
    align-items:flex-end;
    align-content:flex-end;
}
.flex--row-tsb,
.flex-inline--row-tsb{
    flex-direction:row;
    justify-content:space-between;
    align-items:inherit;
    align-content:flex-start;
}
.flex--row-csb,
.flex-inline--row-csb{
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    align-content:center;
}
.flex--row-bsb,
.flex-inline--row-bsb{
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-end;
    align-content:flex-end;
}
.flex--row-tsa,
.flex-inline--row-tsa{
    flex-direction:row;
    justify-content:space-around;
    align-items:inherit;
    align-content:flex-start;
}
.flex--row-csa,
.flex-inline--row-csa{
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
    align-content:center;
}
.flex--row-bsa,
.flex-inline--row-bsa{
    flex-direction:row;
    justify-content:space-around;
    align-items:flex-end;
    align-content:flex-end;
}
/*  column */